<template>
  <div>
       <div class="bom-model">
        <detail-list title="实时告警" :col="2">
          <detail-list-item term="告警状态">检测到报警</detail-list-item>
        </detail-list>
        <detail-list title="" :col="2">
            <div v-for="item in 2" :key="item+'li'" class="dl">
               <detail-list-item term="告警代码">1000000000</detail-list-item>
                <detail-list-item term="告警描述">已取货</detail-list-item>
                <detail-list-item term="告警水平">3*21</detail-list-item>
                <detail-list-item term="告警程度">2020-05-30</detail-list-item>
            </div>
        </detail-list>
       </div>

       <div class="bom-model">
        <detail-list title="安全设备状态" :col="2">
          <standard-table
          :columns="columns"
          :dataSource="dataSource">
          </standard-table>
        </detail-list>
       </div>
  </div>
</template>

<script>
import DetailList from '@/components/tool/DetailList'
const DetailListItem = DetailList.Item
import StandardTable from '@/components/table/StandardTable'
export default {
  components:{
    DetailList,
    DetailListItem,
    StandardTable
  },
  data(){
      return{
          columns:[
              {
                  title:'触发时间',
                  dataIndex: 'no'
              },
              {
                  title:'清除时间',
                  dataIndex: 'sh'
              },
              {
                  title:'告警代码',
                  dataIndex: 'dm'
              },
              {
                  title:'告警描述',
                  dataIndex: 'ms'
              },
              {
                  title:'告警水平',
                  dataIndex: 'sp'
              },
              {
                  title:'告警程度',
                  dataIndex: 'cd'
              },
          ],
          dataSource:[],
      }
  },
  methods:{

  }
}
</script>

<style lang="less" scoped>
.bom-model{
  padding:10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border:1px solid #F0F1F5;
}
</style>